:root {
  --amount-text: #53a867;
  --app-name-text: #7878ff;
  --bg: white;
  --bar-bg: #cccccc;
  --button-bg-danger: #e10505;
  --button-bg: #5c33be;
  --button-border-color: #ddd;
  --button-font-size: 18px;
  --button-height: 48px;
  --button-radius: 8px;
  --button-text: white;
  --date-color: #999999;
  --dialog-header-text: white;
  --emoji-nav-text-selected: #333;
  --emoji-nav-text: #999;
  --error-color: #e10505;
  --float-button-bg: var(--button-bg);
  --float-button-text: white;
  --input-border-color: #5c33be;
  --input-min-height: 48px;
  --input-radius: var(--button-radius);
  --input-shadow: rgba(0, 0, 0, 0.25);
  --inputPad-border-color: #ddd;
  --list-amount-text: var(--amount-text);
  --list-tag-text: #333;
  --list-time-text: var(--date-color);
  --main: #5c33be;
  --navbar-bg-end: var(--welcome-bg-end);
  --navbar-bg-start: var(--welcome-bg-start);
  --navbar-text: white;
  --number-button-bg-important: #5c33be;
  --number-button-bg: white;
  --number-button-text-important: white;
  --overlay-bg: white;
  --overlay-mask-bg: rgba(0, 0, 0, 0.5);
  --overlay-user-bg: #5c33be;
  --overlay-user-text: white;
  --tabs-indicator-bg: rgba(255, 255, 255, 0.5);
  --tag-bg: #efefef;
  --text: #333;
  --text-muted: #666;
  --top-safe-area-height: 24px;
  --total-bg: #252a43;
  --total-expenses: #53a867;
  --total-income: #fe7275;
  --total-text: white;
  --transition-duration: 0.5s;
  --welcome-bg-end: #8f4cd7;
  --welcome-bg-start: #5d33be;
  --welcome-card-bg: white;
  --welcome-nav-gap: 8px;
  --welcome-nav-height: 64px;
  --welcome-text: white;
  --z-index-bottom-nav: 8;
  --z-index-navbar: 32;
  --z-index-overlay: 16;
}
